<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />

    <link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl; ?>/css/reset.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl; ?>/css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl; ?>/css/invalid.css" type="text/css" media="screen" />

    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/scripts/simpla.jquery.configuration.js"></script>
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/scripts/facebox.js"></script>
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/scripts/jquery.wysiwyg.js"></script>
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/scripts/jquery.datePicker.js"></script>
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/scripts/jquery.date.js"></script>

    <title><?php echo CHtml::encode($this->pageTitle); ?></title>
</head>

<body>
<div id="body-wrapper"> <!-- Wrapper for the radial gradient background -->

<div id="sidebar"><div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->

    <h1 id="sidebar-title"><a href="#">Simpla Admin</a></h1>

    <!-- Logo (221px wide) -->
    <a href="#"><img id="logo" src="<?php echo Yii::app()->request->baseUrl; ?>/images/logo.png" alt="Simpla Admin logo" /></a>

    <!-- Sidebar Profile links -->
    <div id="profile-links">
        Hello, <a href="#" title="Edit your profile">John Doe</a>, you have <a href="#messages" rel="modal" title="3 Messages">3 Messages</a><br />
        <br />
        <a href="#" title="View the Site">View the Site</a> | <a href="#" title="Sign Out">Sign Out</a>
    </div>

    <ul id="main-nav">  <!-- Accordion Menu -->

        <li>
            <a href="http://www.google.com/" class="nav-top-item no-submenu current"> <!-- Add the class "no-submenu" to menu items with no sub menu -->
                Dashboard
            </a>
        </li>

        <li>
            <a href="#" class="nav-top-item"> <!-- Add the class "current" to current menu item -->
                Articles
            </a>
            <ul>
                <li><a href="#">Write a new Article</a></li>
                <li><a class="current" href="#">Manage Articles</a></li> <!-- Add class "current" to sub menu items also -->
                <li><a href="#">Manage Comments</a></li>
                <li><a href="#">Manage Categories</a></li>
            </ul>
        </li>

        <li>
            <a href="#" class="nav-top-item">
                Pages
            </a>
            <ul>
                <li><a href="#">Create a new Page</a></li>
                <li><a href="#">Manage Pages</a></li>
            </ul>
        </li>

        <li>
            <a href="#" class="nav-top-item">
                Image Gallery
            </a>
            <ul>
                <li><a href="#">Upload Images</a></li>
                <li><a href="#">Manage Galleries</a></li>
                <li><a href="#">Manage Albums</a></li>
                <li><a href="#">Gallery Settings</a></li>
            </ul>
        </li>

        <li>
            <a href="#" class="nav-top-item">
                Events Calendar
            </a>
            <ul>
                <li><a href="#">Calendar Overview</a></li>
                <li><a href="#">Add a new Event</a></li>
                <li><a href="#">Calendar Settings</a></li>
            </ul>
        </li>

        <li>
            <a href="#" class="nav-top-item">
                Settings
            </a>
            <ul>
                <li><a href="#">General</a></li>
                <li><a href="#">Design</a></li>
                <li><a href="#">Your Profile</a></li>
                <li><a href="#">Users and Permissions</a></li>
            </ul>
        </li>

    </ul> <!-- End #main-nav -->
</div></div> <!-- End #sidebar -->

<div id="main-content"> <!-- Main Content Section with everything -->

<noscript> <!-- Show a notification if the user has disabled javascript -->
    <div class="notification error png_bg">
        <div>
            Javascript is disabled or is not supported by your browser. Please <a href="http://browsehappy.com/" title="Upgrade to a better browser">upgrade</a> your browser or <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">enable</a> Javascript to navigate the interface properly.
        </div>
    </div>
</noscript>

<!-- Page Head -->
<h2>Welcome <?php echo Yii::app()->user->name ?></h2>
<p id="page-intro">What would you like to do?</p>

<div class="clear"></div> <!-- End .clear -->

<?php echo $content; ?>

<div id="footer">
    <small> <!-- Remove this notice or replace it with whatever you want -->
        &#169; Copyright 2013 bangnd | Powered by <a href="#">bangnd</a> | <a href="#">Top</a>
    </small>
</div><!-- End #footer -->

</div> <!-- End #main-content -->

</div>
</body>
</html>